{% extends 'Admin/index.html' %}

{% block title %}编辑留言{% endblock %}

{% block elseinclude %}
<style>
	input#title,
	#userid {
		width: 100%;
		font-size: 24px;
		border: 1px;
		padding: 5px 0;
		margin: 5px auto;
	}

	textarea#content {
		width: 100%;
		height: 100px;
		font-size: 22px;
		border: 1px;
		padding: 5px 0;
		margin: 5px auto;
		resize: none;
	}

	#userid:hover,
	#title:hover,
	#content:hover {
		box-shadow: 0px 0px 3px #800000;
	}

	#save,
	#reset {
		width: 30%;
		margin: 10px auto;
	}

	button#btn1,
	#btn2 {
		width: 100%;
	}

	button#btn1:hover,
	#btn2:hover {
		box-shadow: 0px 0px 3px #000080
</style>
{% endblock %}

{% block subject %}
<header>
	<!--首页导航	-->
	<ul class="layui-nav" style="display:flex;justify-content:center;">
		<li class="layui-nav-item layui-this">
			<a href="/superadmin/editnote/{{note_id}}/{{note_title}}" style="font-size:24px;">管理员</a>
		</li>
	</ul>
</header>

<main>
	<form action="/superadmin/editnote/{{note_id}}/{{note_title}}" id="note" method="post">
		{% csrf_token %}
		{% for n in note.values %}
		<div id="notebook" style="width: 80%;margin: 20px auto;">
			<input id="userid" type="text" name="userid" autofocus required placeholder="{{n.user_id}}">
			<input id="title" type="text" name="title" required placeholder="{{n.title}}">
			<textarea id="content" name="content" required form="note" placeholder="{{n.content}}"></textarea>
			<div id="save">
				<button id="btn1" class="layui-btn" type="submit">保存</button>
			</div>
			<div id="reset">
				<button id="btn2" class="layui-btn layui-btn-primary layui-border-red" type="reset">重置</button>
			</div>
		</div>
		{% endfor %}
	</form>
</main>

<footer>

</footer>
{% endblock %}
